<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的作品</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jQuery1.7.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		 <!--顶部导航栏-->
		<div id="top">
			<ul id="top-menu">
				<li>
					<a href="index.html">
						<img id="icon1" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII中.png"/>
						首页
					</a>
				</li>
				<li>
					<a href="#">
						菜谱
					</a>
				</li>
				<li>
					<a href="#">
						专题
					</a>
				</li>
				<li>
					<a href="#">
						美食发布
					</a>
				</li>
				<li>
					<a href="#">
						搜索
					</a>
				</li>
				<li>
					<a href="#">
						发布
					</a>
				</li>
			</ul>
			<div id="top-menu-right">
				<a href="login.html">
					登录
				</a>
			</div>
		</div>
		<div class="container location">
			<div id="logo">
				<div>
					<img id="icon2" src="img/gvoLrgfOM0x64AAAAASUVORK5CYII大.png"/>
				</div>
				<div id="logo-right">
					<ul id="right-bar"> 
						<li class="bar-li">
							<a href="index.html">每日推荐</a>
						</li>
						<li class="bar-li">
							<a href="CaiPu.jsp">菜谱</a>
						</li>
						<li class="bar-li">
							<a href="#">美食专题</a>
						</li>
					</ul>
					<div id="search">
						<input type="text" name="searchKey" placeholder="搜索菜谱" class="sear-text">	
						<button type="button" class="sear-btn btn-search">
							<img class="f2" src="img/search.png"/>
						</button>	
					</div>
					<a id="issue" href="#">
						<img class="f3" src="img/add.png"/>
						发布
					</a>
				</div>
			</div>
			<div class="bread-crumb breadcrumb">
				<li>首页</li>
				<li class="active">我的作品</li>
			</div>
		</div>
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-2 mt20">
					<div class="myz-l">
						<div class="userbar pt20 mb50">
							<div class="userphoto">
								<img src="img/t1.jpg" class="mb20"/>
								<p>四川-成都</p>
								<p>zhsm10411</p>
							</div>
							
						</div>
						<ul>
							<li class="mt20 mb20"><a href="#">我的作品</a></li>
							<li class="mt20 mb20 active"><a href="#">我的收藏</a></li>
							<li class="mt20 mb20"><a href="#">修改资料</a></li>
							<li class="mt20 mb20"><a href="#">修改密码</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-10 mt20">
					<ul class="myz-RT mb50">
						<li class="myz-rt1">我的收藏</li>
					</ul>
					<!--<div class="container">-->
						<div class="row clearfix clearf mb20">
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
						</div>
						<div class="row clearfix clearf mb20">
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
							<div class="col-md-3 column">
								<a href="#" class="zhuan-box">
								<div class="img-radius zhuan-img">
									<img src="img/64a7e42c42e84aa4baf315888c5004d0.jpg" class="blowup"/>
								</div>
								</a>
								<div class="zhuan-text zhuan-text2">
									<h1 class="zhuan-h1">
										<span>2017/6/12</span>
										<a href="#">莲藕香菇饺</a>
										<p><a href="#">删除</a></p>
									</h1>
								</div>
							</div>
						</div>
							<div class="wrapper mt80">
          						<div class="center">
              	   	  				<div class="eg">
                    					<div class="M-box2"></div>
                  					</div>
          						</div>
							</div>
					<!--</div>-->
				</div>
			</div>
		</div>
	</body>
</html>
